<% include ../header.ejs %>
<section class="rec-wrap">
    <div class="container rec-inner">
        <h2 class="page-title">我的专栏</h2>
        <ul class="list-unstyled p-sub-title clearfix">
            <li><a href="">我参与的话题</a></li>
            <li><a href="">我收藏的话题</a></li>
            <li><a href="">我发布的话题</a></li>
            <li class="cur"><a href="">我加入的小组</a><i></i></li>
            <li><a href="">我创建的小组</a></li>
        </ul>
    </div>
</section>
<section class="container">
    <div class="row">
        <!-- 左模块 开始-->
        <div class="col-sm-12 col-md-8 block-l">
            <div class="mem-column-wrap">
                <div class="row">
                    <% for (i=1;i<=6;i++) { %>
                    <div class="col-sm-6">
                        <div class="col-box clearfix">
                            <div class="per-ava"><a href="" target="_blank"><img class="img-responsive" src="/images/demo/avatar<%=i%>.jpg" alt=""/></a></div>
                            <div class="per-info">
                                <h5><a href="" target="_blank">小组名称</a></h5>
                                <p><span>剪辑</span><span>后期</span></p>
                                <p class="att-info"><span>123人关注</span></p>
                            </div>
                            <div class="btn-att"><a href=""><i class="fa fa-plus"></i> 加入小组</a></div>
                        </div>
                    </div>
                    <% } %>
                </div>
            </div>
            <!-- /.mem-column-wrap -->

        </div>
        <!-- 左模块 结束-->

        <!-- 右模块 开始-->
        <aside class="col-md-4 hidden-sm block-r">
            <!-- 热门专栏 开始 -->
            <div class="hots-s-col">
                <h3 class="mod-sub-title">热门小组</h3>
                <% include ../widget/group-sidebar_widget.ejs %>
            </div>
            <!-- 热门专栏 结束 -->
        </aside>
        <!-- 右模块 结束-->
    </div>
</section>
<% include ../footer.ejs %>
